<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <link rel="icon" type="image/png" href="Assets/BackGround/Favicon.ico">
  <title>醒目吧原神</title>
  <style>
    body {
      position: relative;
    }
    .background-image {
      position: fixed;
      top: 0;
      right: 0;
      background-image: url('Assets/BackGround/Genshin.png');
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      height: 100%;
      z-index: -1;
    }
    .center {
      text-align: center;
    }
    .button {
      display: inline-block;
      margin: 10px;
    }
  </style>
</head>
<body>
  <div class="background-image"></div>
  <div class="center">
    <a href="http://{{%IP_ADDRESS%}}:{{%WebSite_Port%}}">
      <img src="Assets/BackGround/Logo.png" width="700" height="450" alt="Logo">
    </a>
    <br><br><br>
    <a href="http://{{%IP_ADDRESS%}}:{{%WebSite_Port%}}/Function/Settings/SignIn/Primogem.php" class="button">
      <img src="Assets/Button/Primogem.png" width="350" height="210" alt="Primogem">
    </a>
    <a href="http://{{%IP_ADDRESS%}}:{{%WebSite_Port%}}/Function/Settings/SignIn/Mora.php" class="button">
      <img src="Assets/Button/Mora.png" width="350" height="210" alt="Mora">
    </a>
    <a href="http://{{%IP_ADDRESS%}}:{{%WebSite_Port%}}/Function/Settings/SignIn/Resin.php" class="button">
      <img src="Assets/Button/Resin.png" width="350" height="210" alt="Resin">
    </a>
    <br><br>
    <br><br>
    <font size="6">
      <a href="http://{{%IP_ADDRESS%}}:{{%WebSite_Port%}}/Function/Settings/Activity/NewPlayerGift.php">新手经验书福利</a> |
      <a href="http://{{%IP_ADDRESS%}}:{{%WebSite_Port%}}/Function/Settings/SignIn/NewPlayer.php">新手原石福利</a>
    </font>
    <br><br><br>
    <a href="Function/CdkExchange.php" class="button">
      <img src="Assets/Button/Cdk.png" alt="CDK Exchange">
    </a>
  </div>
</body>
</html>